<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>商城购物</title>

    <!--固定框架-->
    <link rel='stylesheet' href='../css/bootstrap.min.css'>

    <!--图标库-->
    <link rel='stylesheet' href='../css/material-design-iconic-font.min.css'>

    <!--核心样式-->
    <link rel="stylesheet" href="../css/shoppingcebian.css">


    <link href='http://fonts.googleapis.com/css?family=Work+Sans:400,600,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="../css/reset.css">
    <!-- CSS reset -->
    <link rel="stylesheet" type="text/css" href="../css/default.css">
    <link rel="stylesheet" href="../css/style.css">
    <!-- Resource style -->
    <script src="../js/modernizr.js"></script>
    <!-- Modernizr -->
</head>

<body>

    <div id="viewport">

        <!-- Sidebar -->
        <div id="sidebar">
            <header>
                <a href="#">个人中心</a>
            </header>
            <ul class="nav">

                <li class="asd">
                    <img src="../images/1.jpg" alt="" />
                    <span>欢迎您! 管理员</span>
                </li>

                <li>
                    <a href="../myweb/personal_page.html">
                        <i class="zmdi zmdi-view-dashboard"></i> 返回首页
                    </a>
                </li>
                <li>
                    <a href="../myweb/shopping.html">
                        <i class="zmdi zmdi-link"></i> 商城购物
                    </a>
                </li>
                <li>
                    <a href="../myweb/student_information.html">
                        <i class="zmdi zmdi-widgets"></i> 宿舍信息
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="zmdi zmdi-calendar"></i> 宿舍费用查询与缴纳
                    </a>
                </li>

                <li>
                    <a href="../myweb/personal_page_communication.html">
                        <i class="zmdi zmdi-settings"></i> 留言板
                    </a>
                </li>
                <li>
                    <a href="../myweb/worker.html">
                        <i class="zmdi zmdi-comment-more"></i> 联系我们
                    </a>
                </li>
            </ul>



            <script type="text/javascript">
                $(".sidebar li a").each(function() {
                    //window.location.href对象用于获得当前页面的地址 (URL)，
                    //String() 函数把对象的值转换为字符串    
                    if ($(this)[0].href == String(window.location)) {
                        //一级菜单高亮
                        $(this).closest('ul').parent("li").addClass("on").siblings().removeClass("on");
                    }
                });
            </script>

        </div>

        <!-- Content -->
        <div id="content">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#"><i class="zmdi zmdi-notifications text-danger"></i></a>
                        </li>
                        <li><a href="#">账户退出</a></li>
                    </ul>

                </div>
            </nav>








            <a href="#0" class="cd-cart">
                <span>0</span>
            </a>
            <ul class="cd-gallery">
                <li>
                    <div class="cd-single-item">
                        <a href="#0">
                            <ul class="cd-slider-wrapper">
                                <li class="selected"><img src="../images/面包1.jpg" alt="Preview image"></li>
                                <li><img src="../images/面包2.jpg" alt="Preview image"></li>
                                <li><img src="../images/面包3.jpg" alt="Preview image"></li>
                            </ul>
                        </a>

                        <div class="cd-customization">
                            <div class="color selected-2" data-type="select">
                                <ul>
                                    <li class="color-1 ">color-1</li>
                                    <li class="color-2 active">color-2</li>
                                    <li class="color-3">color-3</li>
                                </ul>
                            </div>

                            <div class="size" data-type="select">
                                <ul>
                                    <li class="small active">小包装</li>
                                    <li class="medium">中包装</li>
                                    <li class="large">大包装</li>
                                </ul>
                            </div>

                            <button class="add-to-cart">
                                <em>添加到购物车</em>
                                <svg x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32">
                                    <path stroke-dasharray="19.79 19.79" stroke-dashoffset="19.79" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9,17l3.9,3.9c0.1,0.1,0.2,0.1,0.3,0L23,11"/>
                                </svg>
                            </button>
                        </div>
                        <!-- .cd-customization -->

                        <button class="cd-customization-trigger">Customize</button>
                    </div>
                    <!-- .cd-single-item -->

                    <div class="cd-item-info">
                        <b><a href="#">全麦黑麦面包</a></b>
                        <em>￥18.5</em>
                    </div>
                    <!-- cd-item-info -->
                </li>

                <li>
                    <div class="cd-single-item">
                        <a href="#0">
                            <ul class="cd-slider-wrapper">
                                <li class="selected"><img src="../images/甜品.jpg" alt="Preview image"></li>
                                <li><img src="../images/甜品1.jpg" alt="Preview image"></li>
                                <li><img src="../images/甜品2.jpg" alt="Preview image"></li>
                            </ul>
                        </a>

                        <div class="cd-customization">
                            <div class="color" data-type="select">
                                <ul>
                                    <li class="color-1 active">color-1</li>
                                    <li class="color-2">color-2</li>
                                    <li class="color-3">color-3</li>
                                </ul>
                            </div>

                            <div class="size" data-type="select">
                                <ul>
                                    <li class="small active">小包装</li>
                                    <li class="medium">中包装</li>
                                    <li class="large">大包装</li>
                                </ul>
                            </div>

                            <button class="add-to-cart">
                                <em>添加到购物车</em>
                                <svg x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32">
                                    <path stroke-dasharray="19.79 19.79" stroke-dashoffset="19.79" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9,17l3.9,3.9c0.1,0.1,0.2,0.1,0.3,0L23,11"/>
                                </svg>
                            </button>
                        </div>
                        <!-- .cd-customization -->

                        <button class="cd-customization-trigger">Customize</button>
                    </div>
                    <!-- .cd-single-item -->

                    <div class="cd-item-info">
                        <b><a href="#">五芳斋 绿豆饼冰糕</a></b>
                        <em>￥30.90</em>
                    </div>
                    <!-- cd-item-info -->
                </li>

                <li>
                    <div class="cd-single-item">
                        <a href="#0">
                            <ul class="cd-slider-wrapper">
                                <li><img src="../images/糕点1.jpg" alt="Preview image"></li>
                                <li><img src="../images/糕点2.jpg" alt="Preview image"></li>
                                <li class="selected"><img src="../images/糕点3.jpg" alt="Preview image"></li>
                            </ul>
                        </a>

                        <div class="cd-customization">
                            <div class="color selected-3" data-type="select">
                                <ul>
                                    <li class="color-1">color-1</li>
                                    <li class="color-2">color-2</li>
                                    <li class="color-3 active">color-3</li>
                                </ul>
                            </div>

                            <div class="size" data-type="select">
                                <ul>
                                    <li class="small active">小包装</li>
                                    <li class="medium">中包装</li>
                                    <li class="large">大包装</li>
                                </ul>
                            </div>

                            <button class="add-to-cart">
                                <em>添加到购物车</em>
                                <svg x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32">
                                    <path stroke-dasharray="19.79 19.79" stroke-dashoffset="19.79" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9,17l3.9,3.9c0.1,0.1,0.2,0.1,0.3,0L23,11"/>
                                </svg>
                            </button>
                        </div>
                        <!-- .cd-customization -->

                        <button class="cd-customization-trigger">Customize</button>
                    </div>
                    <!-- .cd-single-item -->

                    <div class="cd-item-info">
                        <b><a href="#0">稻香村糕点点心</a></b>
                        <em>￥118</em>
                    </div>
                    <!-- cd-item-info -->
                </li>

                <li>
                    <div class="cd-single-item">
                        <a href="#0">
                            <ul class="cd-slider-wrapper">
                                <li class="selected"><img src="../images/可乐1.jpg" alt="Preview image"></li>
                                <li><img src="../images/可乐2.jpg" alt="Preview image"></li>
                                <li><img src="../images/可乐3.jpg" alt="Preview image"></li>
                            </ul>
                        </a>

                        <div class="cd-customization">
                            <div class="color" data-type="select">
                                <ul>
                                    <li class="color-1 active">color-1</li>
                                    <li class="color-2">color-2</li>
                                    <li class="color-3">color-3</li>
                                </ul>
                            </div>

                            <div class="size" data-type="select">
                                <ul>
                                    <li class="small active">小包装</li>
                                    <li class="medium">中包装</li>
                                    <li class="large">大包装</li>
                                </ul>
                            </div>

                            <button class="add-to-cart">
                                <em>添加到购物车</em>
                                <svg x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32">
                                    <path stroke-dasharray="19.79 19.79" stroke-dashoffset="19.79" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9,17l3.9,3.9c0.1,0.1,0.2,0.1,0.3,0L23,11"/>
                                </svg>
                            </button>
                        </div>
                        <!-- .cd-customization -->

                        <button class="cd-customization-trigger">Customize</button>
                    </div>
                    <!-- .cd-single-item -->

                    <div class="cd-item-info">
                        <b><a href="#">可口可乐 冰峰 雪碧</a></b>
                        <em>￥29.9</em>
                    </div>
                    <!-- cd-item-info -->
                </li>

                <li>
                    <div class="cd-single-item">
                        <a href="#0">
                            <ul class="cd-slider-wrapper">
                                <li class="selected"><img src="../images/元气森林2.jpg" alt="Preview image"></li>
                                <li><img src="../images/元气森林1.jpg" alt="Preview image"></li>
                                <li><img src="../images/元气森林3.jpg" alt="Preview image"></li>
                            </ul>
                        </a>

                        <div class="cd-customization">
                            <div class="color" data-type="select">
                                <ul>
                                    <li class="color-1 active">color-1</li>
                                    <li class="color-2">color-2</li>
                                    <li class="color-3">color-3</li>
                                </ul>
                            </div>

                            <div class="size" data-type="select">
                                <ul>
                                    <li class="small active">小包装</li>
                                    <li class="medium">中包装</li>
                                    <li class="large">大包装</li>
                                </ul>
                            </div>

                            <button class="add-to-cart">
                                <em>添加到购物车</em>
                                <svg x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32">
                                    <path stroke-dasharray="19.79 19.79" stroke-dashoffset="19.79" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9,17l3.9,3.9c0.1,0.1,0.2,0.1,0.3,0L23,11"/>
                                </svg>
                            </button>
                        </div>
                        <!-- .cd-customization -->

                        <button class="cd-customization-trigger">Customize</button>
                    </div>
                    <!-- .cd-single-item -->

                    <div class="cd-item-info">
                        <b><a href="#">元气森林</a></b>
                        <em>￥26.9</em>
                    </div>
                    <!-- cd-item-info -->
                </li>
                <li>
                    <div class="cd-single-item">
                        <a href="#0">
                            <ul class="cd-slider-wrapper">
                                <li class="selected"><img src="../images/能量饮料1.jpg" alt="Preview image"></li>
                                <li><img src="../images/能量饮料2.jpg" alt="Preview image"></li>
                                <li><img src="../images/能量饮料3.jpg" alt="Preview image"></li>
                            </ul>
                        </a>

                        <div class="cd-customization">
                            <div class="color" data-type="select">
                                <ul>
                                    <li class="color-1 active">color-1</li>
                                    <li class="color-2">color-2</li>
                                    <li class="color-3">color-3</li>
                                </ul>
                            </div>

                            <div class="size" data-type="select">
                                <ul>
                                    <li class="small active">小包装</li>
                                    <li class="medium">中包装</li>
                                    <li class="large">大包装</li>
                                </ul>
                            </div>

                            <button class="add-to-cart">
                                <em>添加到购物车</em>
                                <svg x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32">
                                    <path stroke-dasharray="19.79 19.79" stroke-dashoffset="19.79" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9,17l3.9,3.9c0.1,0.1,0.2,0.1,0.3,0L23,11"/>
                                </svg>
                            </button>
                        </div>
                        <!-- .cd-customization -->

                        <button class="cd-customization-trigger">Customize</button>
                    </div>
                    <!-- .cd-single-item -->

                    <div class="cd-item-info">
                        <b><a href="#">冲击波5小时能量饮料</a></b>
                        <em>￥29.8</em>
                    </div>
                    <!-- cd-item-info -->
                </li>
            </ul>


            <script src="../js/jquery-2.1.1.min.js "></script>
            <script src="../js/main.js "></script>














        </div>

    </div>

</body>

</html>